@import url(/pages/home/home.css);
/*page*/
/*post-items full*/
/*post-items snap*/
/*post-detail*/
/*offline selection*/
/*loading*/
/*header*/
/*flyout*/
/*settingsFlyout*/
/* line 5, ../sass/groupDetail.scss */
#listView {
  height: 100%;
  position: relative;
  width: 100%;
  z-index: 0;
  margin-bottom: 60px;
  margin-right: 115px;
  -ms-grid-row: 2;
}

/*groupHeaderTitleHover:hover, #groupHeaderTitleChevron:hover {
    color: #E07821;
}*/
/* line 17, ../sass/groupDetail.scss */
#groupHeaderContainer {
  color: black;
}

/* line 20, ../sass/groupDetail.scss */
#groupHeaderContainer:hover {
  color: #ff5c26;
}

/* line 23, ../sass/groupDetail.scss */
#groupHeaderTag {
  width: auto;
}

/* line 26, ../sass/groupDetail.scss */
.pagetitelChevron {
  margin-left: -5px;
  vertical-align: 11px;
  font-family: 'Segoe UI Symbol';
  font-size: 20pt;
}

/* line 32, ../sass/groupDetail.scss */
groupDetail .chevron {
  -ms-grid-column: 3;
  display: inline-block;
  font-size: 20pt;
  font-weight: lighter;
}

/* line 39, ../sass/groupDetail.scss */
.groupDetail .chevron::before {
  /*content: "\E26B";*/
  font-family: 'Segoe UI Symbol';
}

/* line 45, ../sass/groupDetail.scss */
#errorDiv {
  color: black;
  padding-left: 120px;
  top: 140px;
}

/* line 51, ../sass/groupDetail.scss */
groupDetail .win-groups.win-listview > .win-horizontal .win-surface {
  margin-left: 45px;
  margin-right: 115px;
}

/* line 55, ../sass/groupDetail.scss */
.groupDetail .win-surface {
  margin-bottom: 35px;
  margin-left: 120px;
  margin-right: 120px;
  margin-top: 12px;
}

/* line 61, ../sass/groupDetail.scss */
.menuSeperator {
  font-family: "Segoe UI";
}

/* line 64, ../sass/groupDetail.scss */
.activeMenuItem {
  /*color: rgb(10,77,153);*/
  color: black;
  font-weight: bold;
}

/* line 69, ../sass/groupDetail.scss */
.win-flyout button {
  font-family: "Segoe UI";
  font-size: 11pt;
  font-weight: lighter;
}

/* line 74, ../sass/groupDetail.scss */
#headerMenu {
  background-color: white;
  border-color: black;
  padding-left: 0px;
  width: 200px;
  max-height: 400px;
}

/* line 82, ../sass/groupDetail.scss */
#headerMenu button:hover, #headerMenu button:active {
  background-color: white;
  color: black !important;
  font-weight: bolder;
}

/* line 87, ../sass/groupDetail.scss */
#headerMenu button {
  width: 100%;
  color: black;
  text-transform: uppercase;
  font-size: 11pt;
  font-family: "Segoe UI";
  font-weight: lighter;
}

/* line 96, ../sass/groupDetail.scss */
.menuSeperator {
  height: 1px;
  width: 172px;
  background-color: black;
}

/* line 102, ../sass/groupDetail.scss */
.groupDetail .win-flyout {
  margin-top: -8px;
}

@media screen and (-ms-view-state: snapped) {
  /* line 107, ../sass/groupDetail.scss */
  #errorDiv {
    padding-left: 20px;
    top: 140px;
  }

  /* line 111, ../sass/groupDetail.scss */
  .pagetitelChevron {
    /*display:block;*/
    font-size: 11pt;
    margin-left: -3px;
    vertical-align: 5px;
  }

  /* line 118, ../sass/groupDetail.scss */
  .groupDetail #groupHeaderTag {
    margin-top: 65px;
  }

  /* line 122, ../sass/groupDetail.scss */
  .groupDetail .titlearea .pagetitle {
    height: 35px;
  }

  /*.groupDetail .win-surface {
      margin-top:2px;
  }*/
  /* line 128, ../sass/groupDetail.scss */
  .groupDetail .win-viewport.win-vertical .win-surface {
    margin-bottom: 30px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 2px;
    width: 280px;
  }
}
